﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="Graphs.aspx.vb" Inherits="Assignment4.Graphs" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            width: 114px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<!-- CSS Files -->
    <link href="../jQuery/Jit/Examples/css/base.css" rel="stylesheet" type="text/css" />
    <link href="../jQuery/Jit/Examples/css/BarChart.css" rel="stylesheet" type="text/css" />
   
    <!--[if IE]><script src="../jQuery/Jit/Extras/excanvas.js" type="text/javascript"></script><![endif]-->

    <!-- JIT Library File -->
    <script src="../jQuery/Jit/jit.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript" >

        var labelType, useGradients, nativeTextSupport, animate;

        (function () {
            var ua = navigator.userAgent,
      iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
      typeOfCanvas = typeof HTMLCanvasElement,
      nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
      textSupport = nativeCanvasSupport
        && (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
            //I'm setting this based on the fact that ExCanvas provides text support for IE
            //and that as of today iPhone/iPad current text support is lame
            labelType = (!nativeCanvasSupport || (textSupport && !iStuff)) ? 'Native' : 'HTML';
            nativeTextSupport = labelType == 'Native';
            useGradients = nativeCanvasSupport;
            animate = !(iStuff || !nativeCanvasSupport);
        })();

        var Log = {
            elem: false,
            write: function (text) {
                if (!this.elem)
                    this.elem = document.getElementById('log');
                this.elem.innerHTML = text;
                this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
            }
        };
        </script>
       
    <asp:Literal ID="ltrGraphBar" runat="server"></asp:Literal>
       <h1>Users Activity</h1>
         <table>
           <tr>
             <td class="style1">
               Select Page:     
             </td>
             <td>
                 <asp:DropDownList ID="drpSelectPage"  Width="114px" runat="server">
                     <asp:ListItem Value="-1">Select Page</asp:ListItem>
                     <asp:ListItem Value="0">Quiz Overview</asp:ListItem>
                     <asp:ListItem Value="1">Quiz Play</asp:ListItem>
                     <asp:ListItem Value="2">Profile Viewer</asp:ListItem>
                 </asp:DropDownList>
             </td>
           
           </tr>

              <tr>
             <td class="style1">
               Select Year:     
             </td>
             <td>
                 <asp:DropDownList ID="drpSelectYear" runat="server" 
                     AppendDataBoundItems="True" Width="114px">
                     <asp:ListItem Value="-1">Select Year</asp:ListItem>
                     <asp:ListItem Value="0">All Years</asp:ListItem>
                 </asp:DropDownList>
             </td>
           
           </tr>

            <tr>
             <td class="style1">
               Select Month:     
             </td>
             <td>
                 <asp:DropDownList ID="drpSelectMonth" runat="server" Width="114px" >
                     
                     <asp:ListItem Value="-1">Select Month</asp:ListItem>
                     <asp:ListItem Value="0">All Months</asp:ListItem>
                     <asp:ListItem Value="1">January</asp:ListItem>
                     <asp:ListItem Value="2">February</asp:ListItem>
                     <asp:ListItem Value="3">March</asp:ListItem>
                     <asp:ListItem Value="4">April</asp:ListItem>
                     <asp:ListItem Value="5">May</asp:ListItem>
                     <asp:ListItem Value="6">June</asp:ListItem>
                     <asp:ListItem Value="7">July</asp:ListItem>
                     <asp:ListItem Value="8">August</asp:ListItem>
                     <asp:ListItem Value="9">September</asp:ListItem>
                     <asp:ListItem Value="10">October</asp:ListItem>
                     <asp:ListItem Value="11">November</asp:ListItem>
                     <asp:ListItem Value="12">December</asp:ListItem>
                     
                 </asp:DropDownList>
             </td>
           
           </tr>
           <tr>
             <td>
             </td>
           </tr>
         <tr>
         <td>
         </td>
           <td>
               <asp:Button ID="btnGenerate" runat="server" Text="Generate Graph" />
           </td>
         
         </tr>
         
         </table>


       
    
    
    
    

    <asp:Panel ID="pnlGraph" runat="server">
    

    <div id="container">



<div id="center-container">
    <div id="infovis"></div>    
</div>

<div id="right-container">

<div id="inner-details"></div>

</div>

<div id="log"></div>
</div>

</asp:Panel>


</br>
</br>
</br>
</br>
<div>
    <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
    </div>
</asp:Content>
